<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
  <title>分享二维码</title>
  <meta name="keywords" content=" " />
  <meta name="description" content="" />
  <link rel="stylesheet" href="https://zc.alltesting.cn/css/reset.css">
  <link rel="stylesheet" href="./css/common-style.css">
  <link rel="stylesheet" href="./css/share.css">
  <script src="https://zc.alltesting.cn/js/jquery/jquery-1.8.3.min.js"></script>
  <script src="./js/jquery.qrcode.min.js"></script>
</head>

<body style="background-color: #F0F2F5;">
  <div class="share">
    <div class="banner">
      <img
        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F09%2Fe1%2Fea%2F09e1ea871fa4fb45b72e5ed5c0889fbe.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665734750&t=aafe15781d9951451f5cb76d894ec5ab"
        alt="">
      <h2>用户昵称</h2>
      <p>邀请您来助力填写</p>
      <h2>XXXXXXXXXXX调查问卷</h2>
    </div>
    <div class="QR-code">
      <div id="qrcode"></div>
    </div>
  </div>
</body>
<script>
  $(function () {
    //生成二维码
    jQuery('#qrcode').qrcode({
      render: "canvas", //也可以替换为table
      width: 160,
      height: 160,
      text: "http://www.spasvo.com"
    });
  })
</script>

</html>